<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>培训</title>
    <link
      rel="stylesheet"
      href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"
    />
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../css/lxr/02-course-management.css" />
  </head>
  <body>
    <div class="iframe-content">
      <div class="course">
        <div class="course-box">
          <div class="box-title">
            <h2>课程管理</h2>
            <div class="search-condition">
              <span>课程标题：</span
              ><input
                type="text"
                class="search-course-title form-control"
              /><span>发布时间：</span
              ><input type="date" class="search-start-date form-control" />
              <span>至</span>
              <input
                type="date"
                name=""
                id=""
                class="search-end-date form-control"
              />

              <button type="button" class="btn btn-default search-btn">
                搜索
              </button>
              <button type="button" class="btn btn-default reset-btn">
                重置
              </button>
            </div>
            <div class="filter">
              <span>筛选条件：</span>
              <div class="filter-box">
                <!-- <span>课程标题：2021</span> -->
              </div>
            </div>
          </div>
          <div class="box-body">
            <div class="box-body-header">
              <div class="select-all">
                <input type="checkbox" /><span>全选</span>
              </div>
              <button class="btn btn-primary btn-lg add-btn" data-toggle="modal" data-target="#addModal">
                + 新增课程
              </button>
            </div>
            <table id="courseTable" class="table table-hover">
              <thead>
                <tr>
                  <th></th>
                  <th>封面图片</th>
                  <th>课程标题</th>
                  <th>课程类型</th>
                  <th>课程分类</th>
                  <th>可见范围</th>
                  <th>学习人数</th>
                  <th>发布时间</th>
                  <th>更新时间</th>
                  <th>操作</th>
                </tr>
              </thead>
              <tbody>
                <!-- <tr>
                  <td>Tanmay</td>
                  <td>Tanmay</td>
                  <td>Tanmay</td>
                  <td>Tanmay</td>
                  <td>Tanmay</td>
                  <td>Tanmay</td>
                  <td>Tanmay</td>
                  <td>Tanmay</td>
                  <td>Tanmay</td>
                </tr> -->
              </tbody>
            </table>
            <div id="modalBox"></div>
            <div id="innerModalBox">
              <!-- 模态框（Modal） -->
  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">选择成员</h4>
            </div>
            <div class="modal-body">选择成员</div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">提交更改</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
            </div>
            <div class="page">
              <ul class="pagination">
                <!-- <li><a href="#" class="pre">&laquo;</a></li> -->
                <!-- <li class="active"><a href="#">1</a></li>
                <li class="disabled"><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li> -->
                <!-- <li><a href="#" class="next">&raquo;</a></li> -->
              </ul>
              <select class="form-control per-page" id="sel1">
                <option>5条/页</option>
                <option selected>10条/页</option>
                <option>15条/页</option>
              </select>
            </div>
          </div>
          <!-- <div class="edit-page">
            <div class="edit-page-box">
              <h2 id="subTitle">编辑课程</h2>
              <form class="edit-content"> -->
                <!-- <div class="edit-course-title">
                    <span class="star">*</span>
                    <span>课程名称：</span>
                    <input 
                      type="text" 
                      value="${currentCourse.courseTitle}"
                      name="courseTitle"/>
                    <span></span>
                  </div>
                  <div class="edit-cover-image">
                    <span class="star">*</span>
                    <span>视频封面：</span>
                    <input 
                      type="file" />
                    <span>· 支持png、jpg等格式；大小不超过10mb</span>
                  </div>
                  <div class="edit-course-type">
                    <span class="star">*</span>
                    <span>课程分类：</span>
                    <select name="" id="">
                      <option value="">入职培训</option>
                      <option value="">办公技能培训</option>
                      <option value="">市场培训</option>
                    </select>
                    <span></span>
                  </div>
                  <div class="edit-video">
                    <span class="star">*</span>
                    <span>上传视频：</span>
                    <input 
                      type="file" />
                    <span>· 支持mp4、m4v、aiv等格式；大小不超过10G</span>
                  </div>
                  <div class="edit-course-material">
                    <span>课程资料：</span>
                    <input type="file" />
                    <span>· 支持pdf、doc、docx、exl等格式；大小不超过100mb</span>
                  </div>
                  <div class="edit-release-time">
                    <span>发布时间：</span>
                    <input type="date" />
                    <input type="checkbox"/>
                    <span>即时发布</span>
                    <span></span>
                  </div>
                  <div class="edit-visible-range">
                    <span>可用范围：</span>
                    <input type="radio" name="range" />
                    <span>全部成员</span>
                    <input type="radio" name="range" />
                    <span>指定成员</span>
                    <span>选择成员</span>
                    <span></span>
                  </div>
                  <div class="edit-course-intro">
                    <span>课程简介：</span>
                    <textarea name="" id="" cols="30" rows="10"></textarea>
                    <span></span>
                  </div> -->
              <!-- </form>
              <div class="btn-box">
                <button type="button" class="btn btn-default cancel-btn">
                  取消</button
                ><button type="button" class="btn btn-default submit-btn">
                  提交
                </button>
              </div>
            </div>
          </div> -->
        </div>
      </div>
    </div>
    <script src="../js/lxr/02-course-management.js"></script>
  </body>
</html>
